<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gift Cards</title>
    <link rel="stylesheet" href="../css/base.css">
</head>
<body>
    <header class="w">
        <div class="top">
            <div class="left">
                <a href="#"><img src="../images/logo-red.svg" alt=""></a>
                <div class="search">
                    <form action="">
                        <button class="button-search">
                            <img src="../images/search.png" alt="">
                        </button>
                        <input type="text" placeholder="What are you looking for?" name="" id="" value="">
                        <div class="button-all">
                            <div class="yuanjiao"></div>
                            <button>
                                <span>Track</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="right">
                <div class="right-sign">
                    <a href="#" class="sign-up"><span>Sign up</span></a>
                    <a href="../html/denglu.html" class="sign-in"><span>Sign in</span></a>
                    <a href="#" class="start-selling"><span>Start Selling</span></a>
                </div>
                <a href="#" class="gouwuche"><img src="../images/gouwuche.png" alt=""></a>
            </div> 
        </div>
        <nav class="bottom">
            <ul>
                <li class="del-left-margin"><a href="../index.html">Home</a></li>
                <li><a href="feed.html">Feed</a></li>
                <li class="tracks">
                    <a href="../html/tracks.html">Tracks</a>
                        <div class="dropdown-content">
                            <div class="row">
                                <h2>BROWSE</h2>
                                <a href="#">
                                        <img src="../images/aixing.png" alt=""><span>Top Charts</span>
                                 </a>
                                <a href="#">
                                        <img src="../images/aixing.png" alt=""><span>Free Beats</span>
                                </a>
                                <a href="#">
                                        <img src="../images/aixing.png" alt=""><span>Exclusive Only</span>
                                </a>
                                <a href="#">
                                        <img src="../images/aixing.png" alt=""><span>Public Playlists</span>
                                </a>
                            </div>

                            <div class="row">
                                <h2>TRENDING SEARCHES</h2>
                                <a href="#">
                                    <span>Top Charts</span>
                                </a>
                                <a href="#">
                                    <span>Free Beats</span>
                                </a>
                                <a href="#">
                                    <span>Exclusive Only</span>
                                </a>
                                <a href="#">
                                    <span>Public Playlists</span>
                                </a>
                                <a href="#">
                                    <span>Top Charts</span>
                                </a>
                                <a href="#">
                                    <span>Free Beats</span>
                                </a>
                                <a href="#">
                                    <span>Exclusive Only</span>
                                </a>
                                <a href="#">
                                    <span>Public Playlists</span>
                                </a>
                            </div>

                            <div class="row">
                                <h2>GENRES</h2>
                                <a href="#">
                                    <img src="../images/aixing.png" alt=""><span>All Genre</span>
                                </a>
                                <a href="#">
                                    <img src="../images/aixing.png" alt=""><span>Hip Hop</span>
                                </a>
                                <a href="#">
                                    <img src="../images/aixing.png" alt=""><span>Pop</span>
                                </a>
                                <a href="#">
                                    <img src="../images/aixing.png" alt=""><span>R&B</span>
                                </a>
                                <a href="#">
                                    <img src="../images/aixing.png" alt=""><span>Rock</span>
                                </a>
                                <a href="#">
                                    <img src="../images/aixing.png" alt=""><span>Electronic</span>
                                </a>
                                <a href="#">
                                    <img src="../images/aixing.png" alt=""><span>Reggae</span>
                                </a>
                                <a href="#">
                                    <img src="../images/aixing.png" alt=""><span>Country</span>
                                </a>
                            </div>
                        </div>
                </li>
                <li><a href="gift-cards.html">Gift Cards </a><span class="new">New</span></li>
            </ul>
        </nav>
    </header>
</body>
</html>